<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link type="text/css" rel="stylesheet" href="../css/Information.css">
		<script type="text/javascript" src="../js/contact.js"></script>
		<title>联系人</title>
	</head>
	<body>
		
		<!-- 新增联系人按钮 -->
		<div id="contact1" onmouseover="style.backgroundColor='#893ee6'" onmouseout="style.backgroundColor='#78f5d7'"onclick="openme()">
				<span id="myorder1word" style="font-size:16px;color:white;cursor: pointer"  onclick="openme()">新增联系人</span>
		</div>
		
		<!-- 新增联系人弹出框 -->
		<div id="div1"></div>
		<div id="div2">
			<table id="table">
				<tr id="m_tr">
					<td><font color="#FFFFFF">新增联系人</font></td>
					<td align="right">
						<input type="button" style="font-size:14px;" value="X" onClick="closeme()" style="cursor:hand">
					</td>
				</tr>
				<tr>
					<form action="" name="loginForm"  method="post">
						<td colspan="5" width="100%" bgcolor="#ffffff" >
							<br>
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								车票类型&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								姓名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								证件类型&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								证件号码&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								国家/地区
								<br><br>
								&nbsp;&nbsp;&nbsp;&nbsp;
								<select  name="startTime"style="width:80px;height:25px;font-size:14px;">
									<option value = "first">普通票</option>
									<option value = "second">学生票</option>
								</select>
								&nbsp;&nbsp;&nbsp;
								<input type="text" name="cardType" style="width:100px;height:20px"/>
								&nbsp;
								<select  name="startTime"style="width:110px;height:25px;font-size:14px;">
									<option value = "first">二代身份证</option>
									<option value = "second">军官证</option>
								</select>	
							    &nbsp;
								<input type="text" name="cardNum" style="width:100px;height:20px"/>	
							    &nbsp;&nbsp;
								<select  name="country"style="width:110px;height:25px;font-size:14px;">
									<option value = "first">中国大陆</option>
									<option value = "second">中国香港</option>
									<option value = "third">中国澳门</option>
									<option value = "forth">中国台湾</option>
								</select>	
								<br><br> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
										&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
								<input id="button" type="button" value="确认" style="font-size:16px;width:80px ;height:30px;border-radius:5px;background-color: orange">
							<br>
						 </td>
					</form>
				</tr>
			</table>
		</div>
		
		<!-- 显示已有联系人 -->
		<div id="table1" >
			<table style="width:700px;text-align: center" frame="void">
				<tr bgcolor="#0e86f3" style="color:white">
					<th width="60px">序号</th>
					<th width="100px">姓名</th>
					<th width="100px">证件类型</th>
					<th width="150px">证件号</th>
					<th width="100px">电话号</th>
					<th>编辑</th>
					<th>删除</th>
					
				</tr>
				<tr bgcolor="white">
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td style="color:blue;cursor: pointer">编辑</td>
					<td style="color:blue;cursor: pointer">删除</td>
				</tr>
				<tr bgcolor="fffff2">
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td style="color:blue;cursor: pointer">编辑</td>
					<td style="color:blue;cursor: pointer">删除</td>
				</tr>
				
			</table>
		</div>
	</body>
</html>